card with ribbon
This block is part of the state ui group and was last modified in core v10.4.28.
card with ribbon v10.4.28 Shows a card with ribbon build-in.
In pins 8
- title required
valueThe title shown within this card.
- ribbon required
stateContent shown within the ribbon, could be text or icon.
- ribbon class
uiclassAssigns a CSS class to the element. • Hidden when unused
- body required
stateBody to be shown within this card.
- footer
stateFooter to be shown within this card. If no footer given, the footer part will be hidden.
- class
uiclassAssigns a CSS class to the element. • Hidden when unused
- style
uistyleApplies inline CSS style to the element • Hidden when unused
- attributes
uiattributesAdds custom attributes to the element. • Hidden when unused
Out pins 1
- state
stateReturns the element to the frontend state.
panel with ribbon |
A typical wiring for card with ribbon: value feeds the title pin; the state out pin feeds get component child.
Version history
Introduced in v10.4.28.
Back to
state ui Return to the main group to view all sub-groups Back to state elements Return to the group to view all blocks within this group